<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/sy.css">
</head>

    <body>
        <div class="container">
            <!-- 蓝 -->
            <div class="nav">
                <div class="nav-time">
                    <img src="imgs/sy1/time.png" alt="">
                </div>
                <div class="nav-title">
                    <p class="nav-title-font1">Hi,欢迎使用思评</p>
                    <img src="imgs/sy1/close.png" alt="">
                </div>
                <div class="nav-title2">
                    <p class="nav-title-font2">思评让活动更高效</p>
                </div>
                <div class="big">
                    <img src="imgs/sy1/学.png" alt="">
                </div>
                <div class="search">
                    <div class="search-left">
                        <img src="imgs/sy1/search2.png" alt="">
                        <form action="#" method="POST">
                            <input type="text" placeholder="在思评小程序内搜索活动" id="search">
                        </form>
    
                    </div>
                    <div class="search-right">
                        <img src="imgs/sy1/people.png" alt="">
                    </div>
                </div>
            </div>
    
    
            <div class="section">
                <!-- 活动类型 -->
                <div class="section-title">
                    <div class="section-title-left">
                        <p>活动类型</p>
                    </div>
                    <div class="section-title-right">
                        <p>全部</p>
                        <img src="imgs/sy1/row.png" alt="">
                    </div>
                </div>
                <div class="section-choose">
                    <div class="section-choose-left">
                        <img src="imgs/sy1/企业参观-icon.png" alt="">
                        <p class="scl-font1">企业参观</p>
                        <p class="scl-font2">互聊网大厂等你来</p>
                    </div>
                    <div class="section-choose-right">
                        <img src="imgs/sy1/组 1.png" alt="">
                        <p class="scl-font1">企业实习</p>
                        <p class="scl-font2"> 快速进阶职场技术之道</p>
                    </div>
                </div>
    
                <!-- 活动列表 -->
                <div class="section-title">
                    <div class="section-title-left">
                        <p>活动列表</p>
                    </div>
                    <div class="section-title-right">
                        <p>全部</p>
                        <img src="imgs/sy1/row.png" alt="">
                    </div>
                </div>
                <!-- 详情 -->
                <div class="section-list">
                    <div class="section-list-left">
                        <div class="sll-top">
                            <p>中软国际设计事业部实习见习活动</p>
                        </div>
                        <div class="sll-middle">
                            <img src="imgs/sy1/bla.png" alt="">
                            <p>李老师</p>
                        </div>
                        <div class="sll-bottom">
                            <img src="imgs/sy1/时间 (1).png" alt="">
                            <p>2020.07.18 - 2020.08.18</p>
                        </div>
                    </div>
                    <div class="section-list-right">
                        <img src="imgs/sy1/图层 12.png" alt="">
                    </div>
                </div>
                <div class="section-list">
                    <div class="section-list-left">
                        <div class="sll-top">
                            <p>阿里巴巴设计创意大会</p>
                        </div>
                        <div class="sll-middle">
                            <img src="imgs/sy1/bla.png" alt="">
                            <p>李老师</p>
                        </div>
                        <div class="sll-bottom">
                            <img src="imgs/sy1/时间 (1).png" alt="">
                            <p>2020.07.18 - 2020.08.18</p>
                        </div>
                    </div>
                    <div class="section-list-right">
                        <img src="imgs/sy1/图层 13.png" alt="">
                    </div>
                </div>
                <div class="section-list">
                    <div class="section-list-left">
                        <div class="sll-top">
                            <p>字节跳动办公大楼设计活动</p>
                        </div>
                        <div class="sll-middle">
                            <img src="imgs/sy1/bla.png" alt="">
                            <p>李老师</p>
                        </div>
                        <div class="sll-bottom">
                            <img src="imgs/sy1/时间 (1).png" alt="">
                            <p>2020.07.18 - 2020.08.18</p>
                        </div>
                    </div>
                    <div class="section-list-right">
                        <img src="imgs/sy1/图层 14.png" alt="">
                    </div>
                </div>
                <div class="section-list">
                    <div class="section-list-left">
                        <div class="sll-top">
                            <p>阿里巴巴设计创意大会</p>
                        </div>
                        <div class="sll-middle">
                            <img src="imgs/sy1/bla.png" alt="">
                            <p>李老师</p>
                        </div>
                        <div class="sll-bottom">
                            <img src="imgs/sy1/时间 (1).png" alt="">
                            <p>2020.07.18 - 2020.08.18</p>
                        </div>
                    </div>
                    <div class="section-list-right">
                        <img src="imgs/sy1/图层 12.png" alt="">
                    </div>
                </div>
            </div>
            <div class="footer">
                <div class="footer-box">
                    <div class="box-part1">
                        <img src="imgs/sy1/组 3.png" alt="">
                        <p>首页</p>
                    </div>
                    <div class="box-part2">
                        <img src="imgs/sy1/0.png" alt="">
                        <p>评价</p>
                    </div>
                    <div class="box-part2">
                        <img src="imgs/sy1/7.png" alt="">
                        <p>审核</p>
                    </div>
                    <div class="box-part2">
                        <img src="imgs/sy1/8.png" alt="">
                        <p>我的</p>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>